<template>
    <div>
        <!-- accompanyPlay begin -->
        <div class="accompanyPlay-layout">
            <!-- accompanyPlay-filtrate begin -->
            <div class="main-b">
                <div class="accompanyPlay-filtrate-A">
                    <div class="accompanyPlay-filtrate-A-name">
                        游戏服务
                    </div>
                    <ul>
                        <li>
                            <a>
                                <img src="../assets/img/accompanyPlay/LOL-icon.png">
                                <label>英雄联盟</label>
                            </a>
                        </li>

                        <li>
                            <a class="active">
                                <img src="../assets/img/accompanyPlay/PUBG-icon.png">
                                <label>绝地求生</label>
                            </a>
                        </li>

                        <li>
                            <a>
                                <img src="../assets/img/accompanyPlay/HAN.png">
                                <label>逆水寒</label>
                            </a>
                        </li>

                        <li>
                            <a>
                                <img src="../assets/img/accompanyPlay/WZNY.png">
                                <label>王者荣耀</label>
                            </a>
                        </li>


                        <li>
                            <a>
                                <img src="../assets/img/accompanyPlay/CJZC.png">
                                <label>刺激站场</label>
                            </a>
                        </li>


                        <li>
                            <a>
                                <img src="../assets/img/accompanyPlay/QMCJ.png">
                                <label>全民出击</label>
                            </a>
                        </li>

                        <li>
                            <a>
                                <img src="../assets/img/accompanyPlay/HYXD.png">
                                <label>荒野行动</label>
                            </a>
                        </li>

                        <li>
                            <a>
                                <img src="../assets/img/accompanyPlay/GAME.png">
                                <label>小游戏</label>
                            </a>
                        </li>
                    </ul>
                </div>

                <div class="accompanyPlay-filtrate-A">
                    <div class="accompanyPlay-filtrate-A-name">
                        线上娱乐
                    </div>
                    <ul>
                        <li>
                            <a>
                                <img src="../assets/img/accompanyPlay/LT.png">
                                <label>声优聊天</label>
                            </a>
                        </li>

                        <li>
                            <a>
                                <img src="../assets/img/accompanyPlay/CG.png">
                                <label>线上唱歌</label>
                            </a>
                        </li>

                        <li>
                            <a>
                                <img src="../assets/img/accompanyPlay/SP.png">
                                <label>视频</label>
                            </a>
                        </li>

                        <li>
                            <a>
                                <img src="../assets/img/accompanyPlay/JX.png">
                                <label>叫醒</label>
                            </a>
                        </li>

                    </ul>
                </div>


                <div class="accompanyPlay-filtrate-B">
                    <div class="accompanyPlay-filtrate-B-name">
                        选择等级
                    </div>
                    <ul>
                        <li><a class="active">全部</a></li>
                        <li><a>英勇黄铜</a></li>
                        <li><a>不屈白银</a></li>
                        <li><a>荣耀黄金</a></li>
                        <li><a>华贵铂金</a></li>
                        <li><a>璀璨钻石</a></li>
                        <li><a>超凡大师</a></li>
                        <li><a>最强王者</a></li>
                    </ul>
                </div>

                <div class="accompanyPlay-filtrate-B">
                    <div class="accompanyPlay-filtrate-B-name">
                        陪玩性别
                    </div>
                    <ul>
                        <li><a class="active">全部</a></li>
                        <li><a>小哥哥</a></li>
                        <li><a>小姐姐</a></li>
                    </ul>
                </div>

                <div class="accompanyPlay-filtrate-B">
                    <div class="accompanyPlay-filtrate-B-name">
                        个性标签
                    </div>
                    <ul>
                        <li><a class="active">全部</a></li>
                        <li><a>御姐</a></li>
                        <li><a>萝莉</a></li>
                        <li><a>声甜貌美</a></li>
                        <li><a>颜值担当</a></li>
                        <li><a>活泼可爱</a></li>
                        <li><a>乖巧黏人</a></li>
                        <li><a>爽朗直率</a></li>
                        <li><a>服从指挥</a></li>
                        <li><a>枪刚人稳</a></li>
                        <li><a>强势输出</a></li>
                    </ul>
                </div>
            </div>
            <!-- accompanyPlay-filtrate end -->

            <!-- accompanyPlay-Sort begin -->
            <div class="main">
                <div class="accompanyPlay-Sort">
                    <a class="active">智能排序</a>
                    <a>
                        按人气
                    </a>
                    <a>按价格</a>
                    <a>按评价</a>
                    <a>新人秀<i class="accompanyPlay-new"></i></a>
                </div>
            </div>
            <!-- accompanyPlay-Sort end -->

            <!-- accompanyPlay-anchor begin -->
            <div class="main">
                <div class="accompanyPlay-anchor">
                    <a>
                        <img src="../assets/img/accompanyPlay/zhuBO.jpg">
                        <p>网瘾萝莉 </p>
                        <div class="accompanyPlay-anchor-msg">
                            <i class="she">20</i>
                            <span class="adr">西安</span>
                            <span class="grade">华贵铂金</span>
                        </div>
                        <div class="accompanyPlay-anchor-status">
                            <label class="ok">在线</label>
                            <label class="price">￥<span>35/</span>小时</label>
                        </div>
                    </a>

                    <a>
                        <img src="../assets/img/accompanyPlay/zhuBO.jpg">
                        <p>网瘾萝莉 </p>
                        <div class="accompanyPlay-anchor-msg">
                            <i class="she">20</i>
                            <span class="adr">西安</span>
                            <span class="grade">华贵铂金</span>
                        </div>
                        <div class="accompanyPlay-anchor-status">
                            <label class="ok">在线</label>
                            <label class="price">￥<span>35/</span>小时</label>
                        </div>
                    </a>

                    <a>
                        <img src="../assets/img/accompanyPlay/zhuBO.jpg">
                        <p>网瘾萝莉 </p>
                        <div class="accompanyPlay-anchor-msg">
                            <i class="she">20</i>
                            <span class="adr">西安</span>
                            <span class="grade">华贵铂金</span>
                        </div>
                        <div class="accompanyPlay-anchor-status">
                            <label class="ok">在线</label>
                            <label class="price">￥<span>35/</span>小时</label>
                        </div>
                    </a>


                    <a>
                        <img src="../assets/img/accompanyPlay/zhuBO.jpg">
                        <p>网瘾萝莉 </p>
                        <div class="accompanyPlay-anchor-msg">
                            <i class="she">20</i>
                            <span class="adr">西安</span>
                            <span class="grade">华贵铂金</span>
                        </div>
                        <div class="accompanyPlay-anchor-status">
                            <label class="ok">在线</label>
                            <label class="price">￥<span>35/</span>小时</label>
                        </div>
                    </a>


                    <a>
                        <img src="../assets/img/accompanyPlay/zhuBO.jpg">
                        <p>网瘾萝莉 </p>
                        <div class="accompanyPlay-anchor-msg">
                            <i class="she">20</i>
                            <span class="adr">西安</span>
                            <span class="grade">华贵铂金</span>
                        </div>
                        <div class="accompanyPlay-anchor-status">
                            <label class="ok">在线</label>
                            <label class="price">￥<span>35/</span>小时</label>
                        </div>
                    </a>


                    <a>
                        <img src="../assets/img/accompanyPlay/zhuBO.jpg">
                        <p>网瘾萝莉 </p>
                        <div class="accompanyPlay-anchor-msg">
                            <i class="she">20</i>
                            <span class="adr">西安</span>
                            <span class="grade">华贵铂金</span>
                        </div>
                        <div class="accompanyPlay-anchor-status">
                            <label class="ok">在线</label>
                            <label class="price">￥<span>35/</span>小时</label>
                        </div>
                    </a>


                    <a>
                        <img src="../assets/img/accompanyPlay/zhuBO.jpg">
                        <p>网瘾萝莉 </p>
                        <div class="accompanyPlay-anchor-msg">
                            <i class="she">20</i>
                            <span class="adr">西安</span>
                            <span class="grade">华贵铂金</span>
                        </div>
                        <div class="accompanyPlay-anchor-status">
                            <label class="ok">在线</label>
                            <label class="price">￥<span>35/</span>小时</label>
                        </div>
                    </a>


                    <a>
                        <img src="../assets/img/accompanyPlay/zhuBO.jpg">
                        <p>网瘾萝莉 </p>
                        <div class="accompanyPlay-anchor-msg">
                            <i class="she">20</i>
                            <span class="adr">西安</span>
                            <span class="grade">华贵铂金</span>
                        </div>
                        <div class="accompanyPlay-anchor-status">
                            <label class="ok">在线</label>
                            <label class="price">￥<span>35/</span>小时</label>
                        </div>
                    </a>


                    <a>
                        <img src="../assets/img/accompanyPlay/zhuBO.jpg">
                        <p>网瘾萝莉 </p>
                        <div class="accompanyPlay-anchor-msg">
                            <i class="she">20</i>
                            <span class="adr">西安</span>
                            <span class="grade">华贵铂金</span>
                        </div>
                        <div class="accompanyPlay-anchor-status">
                            <label class="ok">在线</label>
                            <label class="price">￥<span>35/</span>小时</label>
                        </div>
                    </a>


                    <a>
                        <img src="../assets/img/accompanyPlay/zhuBO.jpg">
                        <p>网瘾萝莉 </p>
                        <div class="accompanyPlay-anchor-msg">
                            <i class="she">20</i>
                            <span class="adr">西安</span>
                            <span class="grade">华贵铂金</span>
                        </div>
                        <div class="accompanyPlay-anchor-status">
                            <label class="ok">在线</label>
                            <label class="price">￥<span>35/</span>小时</label>
                        </div>
                    </a>


                    <a>
                        <img src="../assets/img/accompanyPlay/zhuBO.jpg">
                        <p>网瘾萝莉 </p>
                        <div class="accompanyPlay-anchor-msg">
                            <i class="she">20</i>
                            <span class="adr">西安</span>
                            <span class="grade">华贵铂金</span>
                        </div>
                        <div class="accompanyPlay-anchor-status">
                            <label class="ok">在线</label>
                            <label class="price">￥<span>35/</span>小时</label>
                        </div>
                    </a>


                    <a>
                        <img src="../assets/img/accompanyPlay/zhuBO.jpg">
                        <p>网瘾萝莉 </p>
                        <div class="accompanyPlay-anchor-msg">
                            <i class="she">20</i>
                            <span class="adr">西安</span>
                            <span class="grade">华贵铂金</span>
                        </div>
                        <div class="accompanyPlay-anchor-status">
                            <label class="ok">在线</label>
                            <label class="price">￥<span>35/</span>小时</label>
                        </div>
                    </a>


                    <a>
                        <img src="../assets/img/accompanyPlay/zhuBO.jpg">
                        <p>网瘾萝莉 </p>
                        <div class="accompanyPlay-anchor-msg">
                            <i class="she">20</i>
                            <span class="adr">西安</span>
                            <span class="grade">华贵铂金</span>
                        </div>
                        <div class="accompanyPlay-anchor-status">
                            <label class="ok">在线</label>
                            <label class="price">￥<span>35/</span>小时</label>
                        </div>
                    </a>


                    <a>
                        <img src="../assets/img/accompanyPlay/zhuBO.jpg">
                        <p>网瘾萝莉 </p>
                        <div class="accompanyPlay-anchor-msg">
                            <i class="she">20</i>
                            <span class="adr">西安</span>
                            <span class="grade">华贵铂金</span>
                        </div>
                        <div class="accompanyPlay-anchor-status">
                            <label class="ok">在线</label>
                            <label class="price">￥<span>35/</span>小时</label>
                        </div>
                    </a>


                    <a>
                        <img src="../assets/img/accompanyPlay/zhuBO.jpg">
                        <p>网瘾萝莉 </p>
                        <div class="accompanyPlay-anchor-msg">
                            <i class="she">20</i>
                            <span class="adr">西安</span>
                            <span class="grade">华贵铂金</span>
                        </div>
                        <div class="accompanyPlay-anchor-status">
                            <label class="ok">在线</label>
                            <label class="price">￥<span>35/</span>小时</label>
                        </div>
                    </a>


                    <a>
                        <img src="../assets/img/accompanyPlay/zhuBO.jpg">
                        <p>网瘾萝莉 </p>
                        <div class="accompanyPlay-anchor-msg">
                            <i class="she">20</i>
                            <span class="adr">西安</span>
                            <span class="grade">华贵铂金</span>
                        </div>
                        <div class="accompanyPlay-anchor-status">
                            <label class="ok">在线</label>
                            <label class="price">￥<span>35/</span>小时</label>
                        </div>
                    </a>

                    <a>
                        <img src="../assets/img/accompanyPlay/zhuBO.jpg">
                        <p>网瘾萝莉 </p>
                        <div class="accompanyPlay-anchor-msg">
                            <i class="she">20</i>
                            <span class="adr">西安</span>
                            <span class="grade">华贵铂金</span>
                        </div>
                        <div class="accompanyPlay-anchor-status">
                            <label class="ok">在线</label>
                            <label class="price">￥<span>35/</span>小时</label>
                        </div>
                    </a>

                    <a>
                        <img src="../assets/img/accompanyPlay/zhuBO.jpg">
                        <p>网瘾萝莉 </p>
                        <div class="accompanyPlay-anchor-msg">
                            <i class="she">20</i>
                            <span class="adr">西安</span>
                            <span class="grade">华贵铂金</span>
                        </div>
                        <div class="accompanyPlay-anchor-status">
                            <label class="ok">在线</label>
                            <label class="price">￥<span>35/</span>小时</label>
                        </div>
                    </a>

                    <a>
                        <img src="../assets/img/accompanyPlay/zhuBO.jpg">
                        <p>网瘾萝莉 </p>
                        <div class="accompanyPlay-anchor-msg">
                            <i class="she">20</i>
                            <span class="adr">西安</span>
                            <span class="grade">华贵铂金</span>
                        </div>
                        <div class="accompanyPlay-anchor-status">
                            <label class="ok">在线</label>
                            <label class="price">￥<span>35/</span>小时</label>
                        </div>
                    </a>

                    <a>
                        <img src="../assets/img/accompanyPlay/zhuBO.jpg">
                        <p>网瘾萝莉 </p>
                        <div class="accompanyPlay-anchor-msg">
                            <i class="she">20</i>
                            <span class="adr">西安</span>
                            <span class="grade">华贵铂金</span>
                        </div>
                        <div class="accompanyPlay-anchor-status">
                            <label class="ok">在线</label>
                            <label class="price">￥<span>35/</span>小时</label>
                        </div>
                    </a>

                    <a>
                        <img src="../assets/img/accompanyPlay/zhuBO.jpg">
                        <p>网瘾萝莉 </p>
                        <div class="accompanyPlay-anchor-msg">
                            <i class="she">20</i>
                            <span class="adr">西安</span>
                            <span class="grade">华贵铂金</span>
                        </div>
                        <div class="accompanyPlay-anchor-status">
                            <label class="ok">在线</label>
                            <label class="price">￥<span>35/</span>小时</label>
                        </div>
                    </a>

                    <a>
                        <img src="../assets/img/accompanyPlay/zhuBO.jpg">
                        <p>网瘾萝莉 </p>
                        <div class="accompanyPlay-anchor-msg">
                            <i class="she">20</i>
                            <span class="adr">西安</span>
                            <span class="grade">华贵铂金</span>
                        </div>
                        <div class="accompanyPlay-anchor-status">
                            <label class="ok">在线</label>
                            <label class="price">￥<span>35/</span>小时</label>
                        </div>
                    </a>
                </div>
            </div>
            <!-- accompanyPlay-anchor end -->
        </div>
        <!-- footer begin -->
        <footerCom></footerCom>
        <!-- footer end -->
    </div>
</template>
<script>
import HeaderNav from '@/components/headerCom'
import footerCom from '@/components/footerCom'
export default {
    data(){
        return{
            
        }
    },
    created(){       
               
    },
    methods:{
       
    },
    components: {
      HeaderNav,
      footerCom
    },
    mounted(){
        
    }
}
</script>

<style scoped>
@import "../assets/css/reset.css";
@import "../assets/css/layout.css";
@import "../assets/css/top2.css";
@import "../assets/css/footer.css";
@import "../assets/css/accompanyPlay.css";
</style>
